.zero {
  border: solid 1px;
  height: 500px;
}

.one {
  background-color: #03A9F4;
}

.two {
  background-color: #8bc34a;

  .two_one {
    background-color: #00897b;
  }
  .two_two {
    background-color: aqua;
  }
  .two_three {
    background-color: aquamarine;
  }
}

.three {
  background-color: #8e24aa;
}

//  -------------------------
.container {
  border: solid 1px;
  height: 200px;
}

div.colored > div:nth-child(1),
.one {
  background-color: #009688;
}

div.colored > div:nth-child(2),
.two {
  background-color: #3949ab;
}

div.colored > div:nth-child(3),
.three {
  background-color: #9c27b0;
}

div.colored > div:nth-child(4),
.four {
  background-color: #8bc34a;
}

div.colored > div:nth-child(5),
.five {
  background-color: #03A9F4;
}

div.colored > div:nth-child(6),
.six {
  background-color: #c9954e;
}

div.colored > div:nth-child(7),
.seven {
  background-color: #FF5722;
}

.box {
  padding: 8px;
  box-shadow: 0px 2px 5px 0 rgba(52, 47, 51, 0.63);
  opacity: 0.9;
  color: #fff;
  text-align: center;
}

.blocks {
  min-width: 75px;
  min-height: 50px;
  border-radius: 3px;
}

.two_h {
  min-height: 100px;
}

.four_h {
  min-height: 75px;
}
